home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / limit-textarea.izs < prev    next >
Text File  |  2005-09-28  |  3KB  |  116 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Limit Textarea 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This script controls a maximum textarea input amount and updates a small counter with how many characters are left with each keystroke. Dynamic fix now allows you to use this script in multiple textboxes on a page.<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL LIMIT TEXTAREA:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Put last coding into the BODY section of document  -->
  18.  
  19. <!-- STEP ONE: Add code into HEAD section of document  -->
  20.  
  21. <HEAD>
  22.  
  23. <SCRIPT LANGUAGE="JavaScript">
  24. <!-- Original:  Ronnie T. Moore -->
  25. <!-- Web Site:  Evrsoft -->
  26.  
  27. <!-- Dynamic 'fix' by: Nannette Thacker -->
  28. <!-- Web Site: http://www.shiningstar.net -->
  29.  
  30.  
  31.  
  32. <!-- Begin
  33. function textCounter(field, countfield, maxlimit) {
  34. if (field.value.length > maxlimit) // if too long...trim it!
  35. field.value = field.value.substring(0, maxlimit);
  36. // otherwise, update 'characters left' counter
  37. else 
  38. countfield.value = maxlimit - field.value.length;
  39. }
  40. // End -->
  41. </script>
  42. </HEAD>
  43.  
  44. <!-- STEP TWO: Add code into BODY section of document  -->
  45.  
  46. <BODY>
  47.  
  48. <!-- textCounter() parameters are:  text field, the count field, max length -->
  49.  
  50. <center>
  51. <form name=myform action="YOUR-SCRIPT.CGI">
  52. <font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 125 characters. )<br>
  53. <textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>
  54. <br>
  55. <input readonly type=text name=remLen size=3 maxlength=3 value="125"> characters left</font>
  56. </form>
  57. </center>
  58.  
  59.  
  60.  
  61. <!-- END OF SCRIPT -->
  62. <!/SCRIPT>
  63.  
  64. <!PREVIEW>
  65. <!-- START OF SCRIPT -->
  66.  
  67. <!-- HOW TO INSTALL LIMIT TEXTAREA:
  68.  
  69.   1.  Copy code into the HEAD section of document
  70.   2.  Put last coding into the BODY section of document  -->
  71.  
  72. <!-- STEP ONE: Add code into HEAD section of document  -->
  73.  
  74. <HEAD>
  75.  
  76. <SCRIPT LANGUAGE="JavaScript">
  77. <!-- Original:  Ronnie T. Moore -->
  78. <!-- Web Site:  Evrsoft -->
  79.  
  80. <!-- Dynamic 'fix' by: Nannette Thacker -->
  81. <!-- Web Site: http://www.shiningstar.net -->
  82.  
  83.  
  84.  
  85. <!-- Begin
  86. function textCounter(field, countfield, maxlimit) {
  87. if (field.value.length > maxlimit) // if too long...trim it!
  88. field.value = field.value.substring(0, maxlimit);
  89. // otherwise, update 'characters left' counter
  90. else 
  91. countfield.value = maxlimit - field.value.length;
  92. }
  93. // End -->
  94. </script>
  95. </HEAD>
  96.  
  97. <!-- STEP TWO: Add code into BODY section of document  -->
  98.  
  99. <BODY>
  100.  
  101. <!-- textCounter() parameters are:  text field, the count field, max length -->
  102.  
  103. <center>
  104. <form name=myform action="YOUR-SCRIPT.CGI">
  105. <font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 125 characters. )<br>
  106. <textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>
  107. <br>
  108. <input readonly type=text name=remLen size=3 maxlength=3 value="125"> characters left</font>
  109. </form>
  110. </center>
  111.  
  112. <!-- END OF SCRIPT -->
  113. <!/PREVIEW>
  114.  
  115. <!RELATED>NONE<!/RELATED>
  116.